.comment-form-item {
    padding-bottom: 30/6.4/10rem;
    font-size: 4.061/10rem;
    display: block;

    &.error {
        input {
            border-color: #f56c6c;
        }

        .error-message {
            display: block;
        }
    }

    .error-message {
        position: absolute;
        bottom: 1/10rem;
        left: 1.2/10rem;
        font-size: 3.013/10rem;
        color: #f56c6c;
        display: none;
    }

    .label-text {
        position: absolute;
        color: #606266;
        left: 4/10rem;
        line-height: 40/4.923076923/10rem;
        z-index: 2;
        text-align: left;

        &.textarea {
            left: .3/10rem;
            right: .3/10rem;
            top: .3/10rem;
            padding-left: 4/10rem;
            line-height: 1;
            padding-top: 1/10rem;
            background-color: #fff;
        }
    }

    textarea {
        transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
        background-color: #fff;
        background-image: none;
        border-radius: 4/4.923076923/10rem;
        border: 1/4.923076923/10rem solid #dcdfe6;
        color: #606266;
        display: inline-block;
        width: 100%;
        font-size: inherit;
        padding: 6.1/10rem 4/10rem 0 4/10rem;
        line-height: 1.3;
        height: 24.844/10rem;
    }

    input {
        -webkit-appearance: none;
        background-color: #fff;
        background-image: none;
        border-radius: 4/4.923076923/10rem;
        border: 1/4.923076923/10rem solid #dcdfe6;
        box-sizing: border-box;
        color: #606266;
        display: inline-block;
        height: 0.88125rem;
        line-height: 0.88125rem;
        outline: none;
        padding-right: 15/4.923076923/10rem;
        padding-left: 33/10rem;
        transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
        width: 100%;
        font-size: inherit;

        &::placeholder {
            color: #606266;
        }

        &:focus {
            outline: none;
            border-color: #409eff;
        }
    }
}
